<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>党群文化-首页</title>
    <meta name="Keywords" content="" />
    <meta name="description" content="" />
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/common_dq.css">
    <link rel="stylesheet" href="./css/index_dq.css">
</head>

<body>

    <div class="home">

        <div class="head">
            <div class="dom1">
                <a href="">
                    <img src="./images/icon1.png" alt="">
                    <p>内网登录</p>
                </a>
                <a href="">
                    <img src="./images/icon2.png" alt="">
                    <p>邮箱登录</p>
                </a>
                <a href="">
                    <img src="./images/icon3.png" alt="">
                    <p>联系我们</p>
                </a>
                <a href="">
                    <img src="./images/icon4.png" alt="">
                    <p>English</p>
                </a>
                <a href="">
                    <img src="./images/icon5.png" alt="">
                    <p>中国科学院</p>
                </a>
                <div class="search">
                    <input type="text" placeholder="输入关键词">
                    <a href="">
                        <img src="./images/search.png" alt="">
                    </a>
                </div>
            </div>
            <div class="dom2">
                <div class="content">
                    <a href="./index.html" class="logo">
                        <img src="./images/logo2.png" alt="">
                    </a>
                    <div class="pic">
                        <img src="./images/t2.png" alt="">
                    </div>
                </div>
            </div>
            <div class="dom3">
                <ul>
                    <li>
                        <a href="./index_dq.html" class="a1">首页</a>
                    </li>
                    <li>
                        <a href="" class="a1">党的建设</a>
                    </li>
                    <li>
                        <a href="" class="a1">廉政建设</a>
                    </li>
                    <li>
                        <a href="./gzdt.html" class="a1">工作动态</a>
                    </li>
                    <li>
                        <a href="" class="a1">政策法规</a>
                    </li>
                    <li>
                        <a href="" class="a1">名人大讲堂</a>
                    </li>
                    <li>
                        <a href="" class="a1">创新论坛</a>
                    </li>
                    <li>
                        <a href="" class="a1">群团统战</a>
                    </li>
                    <li>
                        <a href="" class="a1">组织架构</a>
                    </li>
                    <li>
                        <a href="" class="a1">文化生活</a>
                    </li>
                    <li>
                        <a href="./activity.html" class="a1">专题活动</a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                    <img src="./images/logo2.png" alt="">
                </a>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>

        <div class="menuList">
            <div class="dom1">
                <a href="">
                    <img src="./images/picon1.png" alt="">
                    <p>内网登录</p>
                </a>
                <a href="">
                    <img src="./images/picon2.png" alt="">
                    <p>邮箱登录</p>
                </a>
                <a href="">
                    <img src="./images/picon3.png" alt="">
                    <p>联系我们</p>
                </a>
                <a href="">
                    <img src="./images/picon4.png" alt="">
                    <p>English</p>
                </a>
                <a href="">
                    <img src="./images/picon5.png" alt="">
                    <p>中国科学院</p>
                </a>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./index.html">首页</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="">党的建设</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="">廉政建设</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./gzdt.html">工作动态</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="">政策法规</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="">名人大讲堂</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="">创新论坛</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="">群团统战</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="">组织架构</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="">文化生活</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./activity.html">专题活动</a>
                </div>
            </div>
        </div>


      


        <div class="section1">
            <div class="title">
                <div class="bg">
                    <img src="./images/tag2.png" alt="">
                </div>
                <div class="l">
                    <div class="st">
                        <img src="./images/ddjs.png" alt="">
                        <p>党的建设</p>
                    </div>
                </div>
                <a href="">
                    <p>查看更多</p>
                    <img src="./images/right-h.png" alt="">
                </a>
            </div>
            <div class="box">
                <div class="banner">
                    <div class="prev">
                        <img src="./images/bprev.png" alt="">
                    </div>
                    <div class="next">
                        <img src="./images/bprev.png" alt="">
                    </div>
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <a href="">
                                    <img src="./images/dqban.png" class="img" alt="">
                                    <div class="text">
                                        <p class="pt">宁波材料所召开2024年度第二次党委理论学习中心组（扩大）会专题学习《中国共产党纪律处分条例》</p>
                                    </div>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="">
                                    <img src="./images/dqban.png" class="img" alt="">
                                    <div class="text">
                                        <p class="pt">宁波材料所召开2024年度第二次党委理论学习中心组（扩大）会专题学习《中国共产党纪律处分条例》</p>
                                    </div>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="">
                                    <img src="./images/dqban.png" class="img" alt="">
                                    <div class="text">
                                        <p class="pt">宁波材料所召开2024年度第二次党委理论学习中心组（扩大）会专题学习《中国共产党纪律处分条例》</p>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="other">
                        <div></div>
                        <div></div>
                        <div></div>
                    </div>
                </div>
                <div class="list">
                    <a href="">
                        <div class="l">
                            <div class="icon">
                                <img src="./images/hk2.png" alt="">
                            </div>
                            <p data-title="宁波材料所召开党纪学习教育专题部署会暨支部书记工作会">宁波材料所召开党纪学习教育专题部署会暨支部书记工作会</p>
                        </div>
                        <p class="time">2024-04-23</p>
                    </a>
                    <a href="">
                        <div class="l">
                            <div class="icon">
                                <img src="./images/hk2.png" alt="">
                            </div>
                            <p data-title="全国人大代表王立平传达学习习近平总书记重要讲话精神和全国两会精神">全国人大代表王立平传达学习习近平总书记重要讲话精神和全国两会精神</p>
                        </div>
                        <p class="time">2024-04-23</p>
                    </a>
                    <a href="">
                        <div class="l">
                            <div class="icon">
                                <img src="./images/hk2.png" alt="">
                            </div>
                            <p data-title="新春慰问 福满“材”心——宁波材料所开展春节前夕走访慰问活动">新春慰问 福满“材”心——宁波材料所开展春节前夕走访慰问活动</p>
                        </div>
                        <p class="time">2024-04-23</p>
                    </a>
                    <a href="">
                        <div class="l">
                            <div class="icon">
                                <img src="./images/hk2.png" alt="">
                            </div>
                            <p data-title="凝聚青年向心力 抢占科技制高点——宁波材料所召开2024年青年思想政">凝聚青年向心力 抢占科技制高点——宁波材料所召开2024年青年思想政</p>
                        </div>
                        <p class="time">2024-04-23</p>
                    </a>
                    <a href="">
                        <div class="l">
                            <div class="icon">
                                <img src="./images/hk2.png" alt="">
                            </div>
                            <p data-title="宁波材料所与武警海警学院共建思想政治理论课实践教学基地">宁波材料所与武警海警学院共建思想政治理论课实践教学基地</p>
                        </div>
                        <p class="time">2024-04-23</p>
                    </a>
                    <a href="">
                        <div class="l">
                            <div class="icon">
                                <img src="./images/hk2.png" alt="">
                            </div>
                            <p data-title="宁波材料所召开2023年度党支部工作目标管理考核暨“四强·星级”党支部">宁波材料所召开2023年度党支部工作目标管理考核暨“四强·星级”党支部</p>
                        </div>
                        <p class="time">2024-04-23</p>
                    </a>
                    <a href="">
                        <div class="l">
                            <div class="icon">
                                <img src="./images/hk2.png" alt="">
                            </div>
                            <p data-title="宁波材料所传达学习中国科学院2024年度工作会议精神">宁波材料所传达学习中国科学院2024年度工作会议精神</p>
                        </div>
                        <p class="time">2024-04-23</p>
                    </a>
                </div>
            </div>
        </div>

        <div class="section2">
            <div class="content">
                <div class="lbox">
                    <div class="title">
                        <div class="l">
                            <div class="item">
                                <img class="icon" src="./images/lzjs.png" alt="">
                                <p>廉政建设</p>
                                <div class="bg">
                                    <img src="./images/tag2.png" alt="">
                                </div>
                            </div>
                        </div>
                        <a href="">
                            <p>查看更多</p>
                            <img src="./images/right-h.png" alt="">
                        </a>
                    </div>
                    <div class="allItems">
                        <div class="box">
                            <div class="list">
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk2.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展">宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk2.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展">宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk2.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在弹性铁电聚合物研究方面取得系列进展">宁波材料所在弹性铁电聚合物研究方面取得系列进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk2.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在膀胱癌生物标志物及早期诊断模型应用方面取得进展">宁波材料所在膀胱癌生物标志物及早期诊断模型应用方面取得进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk2.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在柔性泡沫压阻传感器研究方面取得进展">宁波材料所在柔性泡沫压阻传感器研究方面取得进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="lbox">
                    <div class="title">
                        <div class="l">
                            <div class="item">
                                <img class="icon" src="./images/gddt.png" alt="">
                                <p>工作动态</p>
                                <div class="bg">
                                    <img src="./images/tag2.png" alt="">
                                </div>
                            </div>
                        </div>
                        <a href="">
                            <p>查看更多</p>
                            <img src="./images/right-h.png" alt="">
                        </a>
                    </div>
                    <div class="allItems">
                        <div class="box">
                            <div class="list">
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk2.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展">宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk2.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展">宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk2.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在弹性铁电聚合物研究方面取得系列进展">宁波材料所在弹性铁电聚合物研究方面取得系列进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk2.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在膀胱癌生物标志物及早期诊断模型应用方面取得进展">宁波材料所在膀胱癌生物标志物及早期诊断模型应用方面取得进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk2.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在柔性泡沫压阻传感器研究方面取得进展">宁波材料所在柔性泡沫压阻传感器研究方面取得进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="section3">
            <div class="content">
                <div class="lbox">
                    <div class="title">
                        <div class="l">
                            <div class="item">
                                <img class="icon" src="./images/zcfg.png" alt="">
                                <p>政策法规</p>
                                <div class="bg">
                                    <img src="./images/tag2.png" alt="">
                                </div>
                            </div>
                        </div>
                        <a href="">
                            <p>查看更多</p>
                            <img src="./images/right-h.png" alt="">
                        </a>
                    </div>
                    <div class="allItems">
                        <div class="box">
                            <div class="list">
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk2.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展">宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk2.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展">宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk2.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在弹性铁电聚合物研究方面取得系列进展">宁波材料所在弹性铁电聚合物研究方面取得系列进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk2.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在膀胱癌生物标志物及早期诊断模型应用方面取得进展">宁波材料所在膀胱癌生物标志物及早期诊断模型应用方面取得进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk2.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在柔性泡沫压阻传感器研究方面取得进展">宁波材料所在柔性泡沫压阻传感器研究方面取得进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="rbox">
                    <div class="title">
                        <div class="l">
                            <div class="item on">
                                <img class="icon" src="./images/zcfg.png" alt="">
                                <p>名人大讲堂</p>
                                <div class="bg">
                                    <img src="./images/tag2.png" alt="">
                                </div>
                            </div>
                            <div class="item">
                                <img class="icon" src="./images/zcfg.png" alt="">
                                <p>创新论坛</p>
                                <div class="bg">
                                    <img src="./images/tag2.png" alt="">
                                </div>
                            </div>
                            <div class="item">
                                <img class="icon" src="./images/zcfg.png" alt="">
                                <p>科技大讲堂</p>
                                <div class="bg">
                                    <img src="./images/tag2.png" alt="">
                                </div>
                            </div>
                            <div class="item">
                                <img class="icon" src="./images/zcfg.png" alt="">
                                <p>人文大讲堂</p>
                                <div class="bg">
                                    <img src="./images/tag2.png" alt="">
                                </div>
                            </div>
                            <div class="item">
                                <img class="icon" src="./images/zcfg.png" alt="">
                                <p>创业大讲堂</p>
                                <div class="bg">
                                    <img src="./images/tag2.png" alt="">
                                </div>
                            </div>
                        </div>
                        <a href="">
                            <p>查看更多</p>
                            <img src="./images/right-h.png" alt="">
                        </a>
                    </div>
                    <div class="allItems">
                        <div class="list on animated fadeIn">
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk2.png" alt="">
                                    </div>
                                    <p data-title="中国工程院院士黄震做客宁波材料所“科技大讲堂”">中国工程院院士黄震做客宁波材料所“科技大讲堂”</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk2.png" alt="">
                                    </div>
                                    <p data-title="中国原子能科学研究院副院长叶国安及核工业北京">中国原子能科学研究院副院长叶国安及核工业北京</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk2.png" alt="">
                                    </div>
                                    <p data-title="德国马普所冯新亮教授做客宁波材料所“科技大讲堂”">德国马普所冯新亮教授做客宁波材料所“科技大讲堂”</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk2.png" alt="">
                                    </div>
                                    <p data-title="中国科学院院士杨德仁做客宁波材料所“科技大讲堂”">中国科学院院士杨德仁做客宁波材料所“科技大讲堂”</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk2.png" alt="">
                                    </div>
                                    <p data-title="李灿院士做客宁波材料所科技大讲堂">李灿院士做客宁波材料所科技大讲堂</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                        </div>
                        <div class="list  animated fadeIn">
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk2.png" alt="">
                                    </div>
                                    <p data-title="中国工程院院士黄震做客宁波材料所“科技大讲堂”">中国工程院院士黄震做客宁波材料所“科技大讲堂”</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk2.png" alt="">
                                    </div>
                                    <p data-title="中国原子能科学研究院副院长叶国安及核工业北京">中国原子能科学研究院副院长叶国安及核工业北京</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk2.png" alt="">
                                    </div>
                                    <p data-title="德国马普所冯新亮教授做客宁波材料所“科技大讲堂”">德国马普所冯新亮教授做客宁波材料所“科技大讲堂”</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk2.png" alt="">
                                    </div>
                                    <p data-title="中国科学院院士杨德仁做客宁波材料所“科技大讲堂”">中国科学院院士杨德仁做客宁波材料所“科技大讲堂”</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk2.png" alt="">
                                    </div>
                                    <p data-title="李灿院士做客宁波材料所科技大讲堂">李灿院士做客宁波材料所科技大讲堂</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                        </div>
                        <div class="list  animated fadeIn">
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk2.png" alt="">
                                    </div>
                                    <p data-title="中国工程院院士黄震做客宁波材料所“科技大讲堂”">中国工程院院士黄震做客宁波材料所“科技大讲堂”</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk2.png" alt="">
                                    </div>
                                    <p data-title="中国原子能科学研究院副院长叶国安及核工业北京">中国原子能科学研究院副院长叶国安及核工业北京</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk2.png" alt="">
                                    </div>
                                    <p data-title="德国马普所冯新亮教授做客宁波材料所“科技大讲堂”">德国马普所冯新亮教授做客宁波材料所“科技大讲堂”</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk2.png" alt="">
                                    </div>
                                    <p data-title="中国科学院院士杨德仁做客宁波材料所“科技大讲堂”">中国科学院院士杨德仁做客宁波材料所“科技大讲堂”</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk2.png" alt="">
                                    </div>
                                    <p data-title="李灿院士做客宁波材料所科技大讲堂">李灿院士做客宁波材料所科技大讲堂</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                        </div>
                        <div class="list  animated fadeIn">
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk2.png" alt="">
                                    </div>
                                    <p data-title="中国工程院院士黄震做客宁波材料所“科技大讲堂”">中国工程院院士黄震做客宁波材料所“科技大讲堂”</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk2.png" alt="">
                                    </div>
                                    <p data-title="中国原子能科学研究院副院长叶国安及核工业北京">中国原子能科学研究院副院长叶国安及核工业北京</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk2.png" alt="">
                                    </div>
                                    <p data-title="德国马普所冯新亮教授做客宁波材料所“科技大讲堂”">德国马普所冯新亮教授做客宁波材料所“科技大讲堂”</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk2.png" alt="">
                                    </div>
                                    <p data-title="中国科学院院士杨德仁做客宁波材料所“科技大讲堂”">中国科学院院士杨德仁做客宁波材料所“科技大讲堂”</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk2.png" alt="">
                                    </div>
                                    <p data-title="李灿院士做客宁波材料所科技大讲堂">李灿院士做客宁波材料所科技大讲堂</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                        </div>
                        <div class="list  animated fadeIn">
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk2.png" alt="">
                                    </div>
                                    <p data-title="中国工程院院士黄震做客宁波材料所“科技大讲堂”">中国工程院院士黄震做客宁波材料所“科技大讲堂”</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk2.png" alt="">
                                    </div>
                                    <p data-title="中国原子能科学研究院副院长叶国安及核工业北京">中国原子能科学研究院副院长叶国安及核工业北京</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk2.png" alt="">
                                    </div>
                                    <p data-title="德国马普所冯新亮教授做客宁波材料所“科技大讲堂”">德国马普所冯新亮教授做客宁波材料所“科技大讲堂”</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk2.png" alt="">
                                    </div>
                                    <p data-title="中国科学院院士杨德仁做客宁波材料所“科技大讲堂”">中国科学院院士杨德仁做客宁波材料所“科技大讲堂”</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                            <a href="">
                                <div class="l">
                                    <div class="icon">
                                        <img src="./images/hk2.png" alt="">
                                    </div>
                                    <p data-title="李灿院士做客宁波材料所科技大讲堂">李灿院士做客宁波材料所科技大讲堂</p>
                                </div>
                                <p class="time">2024-04-23</p>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="section4">
            <div class="content">
                <div class="lbox">
                    <div class="title">
                        <div class="l">
                            <div class="item">
                                <img class="icon" src="./images/tjtz.png" alt="">
                                <p>群团统战</p>
                                <div class="bg">
                                    <img src="./images/tag2.png" alt="">
                                </div>
                            </div>
                        </div>
                        <a href="">
                            <p>查看更多</p>
                            <img src="./images/right-h.png" alt="">
                        </a>
                    </div>
                    <div class="allItems">
                        <div class="box">
                            <div class="list">
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk2.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展">宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk2.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展">宁波材料所在冷冻法制备缠结网状大孔凝胶用于快速大气水收集方面取得进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk2.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在弹性铁电聚合物研究方面取得系列进展">宁波材料所在弹性铁电聚合物研究方面取得系列进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk2.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在膀胱癌生物标志物及早期诊断模型应用方面取得进展">宁波材料所在膀胱癌生物标志物及早期诊断模型应用方面取得进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                                <a href="">
                                    <div class="l">
                                        <div class="icon">
                                            <img src="./images/hk2.png" alt="">
                                        </div>
                                        <p data-title="宁波材料所在柔性泡沫压阻传感器研究方面取得进展">宁波材料所在柔性泡沫压阻传感器研究方面取得进展</p>
                                    </div>
                                    <p class="time">2024-04-23</p>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="rbox">
                    <div class="title">
                        <div class="l">
                            <div class="item">
                                <img class="icon" src="./images/tjtz.png" alt="">
                                <p>组织架构</p>
                                <div class="bg">
                                    <img src="./images/tag2.png" alt="">
                                </div>
                            </div>
                        </div>
                        <a href="">
                            <p>查看更多</p>
                            <img src="./images/right-h.png" alt="">
                        </a>
                    </div>
                     <div class="allItems">
                        <a href="">
                            <div class="l">
                                <div class="icon">
                                    <img src="./images/fkb.png" alt="">
                                </div>
                                <p data-title="纪委">纪委</p>
                            </div>
                            <p class="time">2024-04-23</p>
                        </a>
                        <a href="">
                            <div class="l">
                                <div class="icon">
                                    <img src="./images/fkb.png" alt="">
                                </div>
                                <p data-title="党支部">党支部</p>
                            </div>
                            <p class="time">2024-04-23</p>
                        </a>
                        <a href="">
                            <div class="l">
                                <div class="icon">
                                    <img src="./images/fkb.png" alt="">
                                </div>
                                <p data-title="工会">工会</p>
                            </div>
                            <p class="time">2024-04-23</p>
                        </a>
                        <a href="">
                            <div class="l">
                                <div class="icon">
                                    <img src="./images/fkb.png" alt="">
                                </div>
                                <p data-title="团委">团委</p>
                            </div>
                            <p class="time">2024-04-23</p>
                        </a>
                        <a href="">
                            <div class="l">
                                <div class="icon">
                                    <img src="./images/fkb.png" alt="">
                                </div>
                                <p data-title="妇委会">妇委会</p>
                            </div>
                            <p class="time">2024-04-23</p>
                        </a>
                     </div>
                </div>
            </div>
        </div>

        <div class="section5">
            <div class="title">
                <div class="bg">
                    <img src="./images/tag2.png" alt="">
                </div>
                <div class="l">
                    <div class="st">
                        <img src="./images/whsh.png" alt="">
                        <p>文化生活</p>
                    </div>
                </div>
                <a href="">
                    <p>查看更多</p>
                    <img src="./images/right-h.png" alt="">
                </a>
            </div>
            <div class="box">
                <div class="pic">
                    <img src="./images/wh.png" alt="">
                </div>
                <div class="list">
                    <a href="">
                        <div class="l">
                            <div class="icon">
                                <img src="./images/hk2.png" alt="">
                            </div>
                            <p data-title="园区建设办与运行保障处联合举办PPT制作心得交流座谈会">园区建设办与运行保障处联合举办PPT制作心得交流座谈会</p>
                        </div>
                        <p class="time">2024-04-23</p>
                    </a>
                    <a href="">
                        <div class="l">
                            <div class="icon">
                                <img src="./images/hk2.png" alt="">
                            </div>
                            <p data-title="走进黔西南——2019年春节黔西南游记">走进黔西南——2019年春节黔西南游记</p>
                        </div>
                        <p class="time">2024-04-23</p>
                    </a>
                    <a href="">
                        <div class="l">
                            <div class="icon">
                                <img src="./images/hk2.png" alt="">
                            </div>
                            <p data-title="真善美优秀照片征集活动（入围作品）——纳米党支部">真善美优秀照片征集活动（入围作品）——纳米党支部</p>
                        </div>
                        <p class="time">2024-04-23</p>
                    </a>
                    <a href="">
                        <div class="l">
                            <div class="icon">
                                <img src="./images/hk2.png" alt="">
                            </div>
                            <p data-title="园区建设办与运行保障处联合举办PPT制作心得交流座谈会">园区建设办与运行保障处联合举办PPT制作心得交流座谈会</p>
                        </div>
                        <p class="time">2024-04-23</p>
                    </a>
                </div>
            </div>
        </div>

        <div class="section6">
            <div class="title">
                <div class="bg">
                    <img src="./images/tag2.png" alt="">
                </div>
                <div class="l">
                    <div class="st">
                        <img src="./images/ztlj.png" alt="">
                        <p>专题活动</p>
                    </div>
                </div>
            </div>
            <div class="pics">
                <div class="prev">
                    <img src="./images/prev1.png" alt="">
                </div>
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="">
                                <img src="./images/zt1.png" alt="">
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="">
                                <img src="./images/zt2.png" alt="">
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="">
                                <img src="./images/zt3.png" alt="">
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="">
                                <img src="./images/zt4.png" alt="">
                            </a>
                        </div>
                    </div>
                </div>
                <div class="next">
                    <img src="./images/next1.png" alt="">
                </div>
            </div>
        </div>




        <div class="foot">
            <div class="l">
                <div class="logo">
                    <img src="./images/flogo2.png" alt="">
                </div>
                <div class="line"></div>
                <div class="info">
                    <div class="p1">
                        版权所有 ©中国科学院宁波材料技术与工程研究所 <a href="">浙ICP备05023821号</a>
                    </div>
                    <div class="address">地址：浙江省宁波市镇海区中官西路1219号</div>
                    <div class="code"> 邮编：315201</div>
                    <div class="chose">
                        <div class="item">
                            <div class="d1">
                                <p>政府和机构组织</p>
                                <img src="./images/down.png" alt="">
                            </div>
                            <div class="d2">
                                <a href="">政府和机构组织</a>
                                <a href="">政府和机构组织</a>
                                <a href="">政府和机构组织</a>
                                <a href="">政府和机构组织</a>
                            </div>
                        </div>
                        <div class="item">
                            <div class="d1">
                                <p>科研机构和高校</p>
                                <img src="./images/down.png" alt="">
                            </div>
                            <div class="d2">
                                <a href="">科研机构和高校</a>
                                <a href="">科研机构和高校</a>
                                <a href="">科研机构和高校</a>
                                <a href="">科研机构和高校</a>
                            </div>
                        </div>
                        <div class="item">
                            <div class="d1">
                                <p>材料所网站群</p>
                                <img src="./images/down.png" alt="">
                            </div>
                            <div class="d2">
                                <a href="">材料所网站群</a>
                                <a href="">材料所网站群</a>
                                <a href="">材料所网站群</a>
                                <a href="">材料所网站群</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="r">
                <div class="pic">
                    <img src="./images/ficon1.png" alt="">
                </div>
                <div class="pic">
                    <img src="./images/ficon2.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <script src="./js/jquery-3.6.1.min.js" type="text/javascript"></script>
    <script src="./js/common.js"></script>
    <script src="./js/swiper.js"></script>
</body>
<script>
    var banner = new Swiper('.banner .swiper-container', {
        speed: 1000,
        autoplay: {
            delay: 4000,
            disableOnInteraction: false,
        },
        loop: true,
        navigation: {
            nextEl: '.banner .next',
            prevEl: '.banner .prev',
        },
        on: {
            init() {
                $('.banner .other div').eq(this.realIndex).addClass('on')
            },
            slideChange() {
                $('.banner .other div').removeClass('on').eq(this.realIndex).addClass('on')
                if (this.realIndex > 0) {
                    this.params.autoplay.delay = 3000
                }
            }
        }
    })

    var swiper2 = new Swiper('.section6 .swiper-container', {
        speed: 1000,
        slidesPerView: 1,
        spaceBetween: '2%',
        autoplay: {
            delay: 4000,
            disableOnInteraction: false,
        },
        loop: true,
        navigation: {
            nextEl: '.section6 .next',
            prevEl: '.section6 .prev',
        },
        breakpoints: {
            1200: {  //当屏幕宽度大于等于1280
                slidesPerView: 4,
            }
        }
    })

    $('.banner .other div').click(function () {
        var index = $(this).index()
        banner.slideToLoop(index)
    })


    $('.section3 .rbox .item').mouseenter(function () {
        $(this).addClass('on').siblings('.item').removeClass('on')
        let index = $(this).index()
        $('.section3 .rbox .allItems .list').eq(index).addClass('on').siblings('.list').removeClass('on')
    })


    // 移动端使用
    $('.section3 .rbox .item').click(function () {
        $(this).addClass('on').siblings('.item').removeClass('on')
        let index = $(this).index()
        $('.section3 .rbox .allItems .list').eq(index).addClass('on').siblings('.list').removeClass('on')
    })


</script>

</html>